<#import "../macro/components.ftl" as components/>
<#include "../macro/layout_default.ftl"/>

<@head>
<link rel="stylesheet" href="/misc/app/css/product_list.css"/>
</@head>
  <style type="text/css">   
    .border-table td {   
        border: solid #000 1px;  
        text-align:center; 
        
    }  
    .underline {
      	padding-bottom: 2px;
        border-bottom: 1px solid gray;
    }
	  .imgs{
          height: 90px;
          float: right;
          margin-top: -9%;
          padding-right: 16%;
	  }
</style> 

<@body>
<script src="/misc/app/js/lgsBills_detail.js"></script>
<script src="/misc/jquery-fileupload-9.14.0/jquery.ui.widget.js"></script>
<script src="/misc/jquery-fileupload-9.14.0/jquery.fileupload.js"></script>
<script>var PicDomain = "${PicDomain!}"</script>
</@body>

<@layout_default>

<!--===========点击“打印单据”按钮，显示单据详情页面  start================--->
<div class="box" name="md_add_Bills">
  <div class="box-header"></div>
  <div class="box-body" >
    <form class="form-horizontal" name="form_detail_bill">
    <div style="border:1px solid #000; padding:10px;width:1000px;margin:auto;">
      <div class="form-group">
        <label style="text-align:center;" class="col-sm-10 control-label" name="namelabel"><span class="underline">物流单据</span></label>
      </div>
      <div class="form-group" >
      	<label class="col-sm-1 " ></label>
	      	<table >
	      		<tr>
	      			<td style="width:30px;">单号：</td>
	      			<td style="width:150px;">${bill.billsNo!}</td>
	      			<td style="width:60px;">单据类型：</td>
	      			<td style="width:100px;">
	      				<#if bill.type?exists>
			          		<#if bill.type == 1>自建单据</#if>
			          		<#if bill.type == 2>erp抓取</#if>
			          		<#if bill.type == 3>其它</#if>
			          	</#if>
	      			</td>
	      			<td style="width:80px;">创建时间：</td>
	      			<td style="width:200px;padding-top:7px;">${bill.cTime?number_to_datetime}</td>
	      		</tr>
	      		<tr>
	      			<td>操作类型：</td>
	      			<td>${bill.nodeName!}</td>
	      			<td>收货对象：</td>
	      			<td colspan="3">
	      				${bill.to!}
	      			</td>
	      		</tr>
	      		<tr>
	      			
	      		</tr>
	      	</table>
		  	<span><img class ="imgs" src="/getBillsQrImage/${bill.billsNo!}" /></span>
	      	<div style="height:15px;"></div>
	      	<label class="col-sm-1 " ></label>
      		<table class="border-table" style="width:760px;">
			            <tr>
			            	<td style="width:180px;border:1px solid #000">产品编号</td>
			              	<td style="width:250px;">产品名称</td>
				            <td style="width:100px;">规格</td>
				            <td style="width:100px;">数量(箱)</td>
			            </tr>
		            
		              <#if selectedProductList?exists>
		                <#list selectedProductList as item1>
		                <tr>
		                  <td>${item1.number!}</td>
		                  <td>${item1.productName!}</td>
		                  <td>1 * ${item1.pbc!}</td>
		                  <td>${item1.nubs!}</td>
		                </tr>
		                </#list>
		              </#if>
		           	  <tr>
		           	  	<td>合计</td>
		           	  	<td></td>
		           	  	<td></td>
		           	  	<td>${total.totalNubs!}</td>
		           	  </tr>
		          </table>
		     <div style="height:15px;"></div>
      		<label class="col-sm-1" ></label>
      		<table style="width:760px;">
      			<tr>
      				<td style="width:60px;vertical-align:top;">备注：</td>
	      			<td>${bill.remark!}</td>
      			</tr>
      		</table>
      </div>
      </div>
    </form>

  </div>
  <div class="box-footer text-center">
   		
  </div>
</div>
<!--===========点击“打印单据”按钮，显示单据详情页面  end================--->


</@layout_default>